<template>
    <a-list item-layout="horizontal" :data-source="data">
        <a-list-item slot="renderItem" slot-scope="item, index">
            <a-list-item-meta
                description="订单有误">
                <a slot="title" href="https://www.antdv.com/">{{ item.title }}</a>
                <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
            </a-list-item-meta>
        </a-list-item>
    </a-list>
</template>
<script>
const data = [
    {
        title: '巴啦啦',
    },
    {
        title: '大哥',
    },
    {
        title: '小鱼儿',
    },
    {
        title: '不是山谷',
    },
];
export default {
    data() {
        return {
            data,
        };
    },
};
</script>
<style>
</style>
